<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1,user-scalable=0" />
    <title>四川龙达网络信息技术有限公司</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <meta name="description" content="四川龙达网络信息技术有限公司" />
    <meta name="keywords" content="h3c" />
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <script src="js/jquery.min.js"></script>
  </head>
  <body>
    <!-- 导航条开始 -->
    <nav class="navbar navbar-default" data-scroll-reveal="enter top over .8s linear">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span></span>
          </button>
          <a class="navbar-brand" href="javascript:;">
              <img src="images/logo.png" />
          </a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li>
              <a href="#">网站首页</a>
            </li>
            <li>
              <a href="#">关于我们</a>
            </li>
            <li>
              <a href="productList.html">产品分类</a>
              <ul>
                <li><a href="productList.html">H3C</a></li>
                <li><a href="productList.html">华为</a></li>
                <li><a href="productList.html">图腾</a></li>
                <li><a href="productList.html">大唐电信</a></li>
                <li><a href="productList.html">腾飞</a></li>
              </ul>
            </li>
            <li>
              <a href="#">成功案例</a>
            </li>
            <li>
                <a href="contact.html">联系方式</a>
            </li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>
    <!-- 导航条 end -->
    <!-- banner -->
    <div class="banner" data-scroll-reveal="enter bottom over .8s linear">
      <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="images/banner.jpg" alt="banner"></div>
            <div class="swiper-slide"><img src="images/banner.jpg" alt="banner"></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>  
    </div>
    <!-- banner end -->
    <!-- 关于我们 -->
    <div class="home about">
      <div class="container">
        <h3 class="homeTitle" data-scroll-reveal="enter bottom over .8s linear wait .1s">
          <i></i>关于我们<small>about us</small>
        </h3>
        <div class="row">
          <div class="col-md-6" data-scroll-reveal="enter left over .8s linear wait .1s">
            <img src="images/aboutleft.jpg" alt="四川龙达网络信息技术有限公司" class="fl_l" />
            <div class="intro">
                <h4 class="text-center">四川龙达网络信息技术有限公司</h4>
                <p>
                    四川龙达网络信息技术有限公司成立于2003年，设立之初就成为xxxx在川唯一合作伙伴，即xxxx地区营销服务中心，多次荣膺“xxxx季度业绩增长最快团队”和“xxxx全国年度业绩增长最快团队”“四川省电子商务优秀服务商”“四川省最佳电子商务奖”等殊荣。并且是“四川省诚信企业联...
                </p>
                <div class="txc">
                  <a href="#" class="more">查看更多</a>
                </div>
            </div>
          </div>
          <div class="col-md-6" data-scroll-reveal="enter right over .8s linear wait .1s">
            <ul class="clearfix">
              <li><a href="#" title="公司荣誉" ><img src="images/about1.jpg" /></a></li>
              <li><a href="#" title="企业文化" ><img src="images/about2.png" /></a></li>
              <li><a href="#" title="发展历史" ><img src="images/about3.jpg" /></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- 关于我们 end -->
    <!-- 产品展示 -->
    <div class="home product">
      <div class="container">
        <h3 class="homeTitle" data-scroll-reveal="enter bottom over .8s linear wait .1s">
          <i></i>产品展示<small>product show</small>
        </h3>
        <div class="swiper-container" data-scroll-reveal="enter bottom over .8s linear wait .2s">
          <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="images/pro1.png" alt="banner">
                <p>iPhone</p>
              </div>
              <div class="swiper-slide">
                <img src="images/pro2.jpg" alt="banner">
                <p>iPhone</p>
              </div>
              <div class="swiper-slide">
                <img src="images/pro1.png" alt="banner">
                <p>iPhone</p>
              </div>
              <div class="swiper-slide">
                <img src="images/pro2.jpg" alt="banner">
                <p>iPhone</p>
              </div>
              <div class="swiper-slide">
                <img src="images/pro1.png" alt="banner">
                <p>iPhone</p>
              </div>
              <div class="swiper-slide">
                <img src="images/pro2.jpg" alt="banner">
                <p>iPhone</p>
              </div>
          </div>
          <!-- <div class="swiper-button-next swiper-button-black"></div>
          <div class="swiper-button-prev swiper-button-black"></div> -->
        </div>
      </div>
    </div>
    <!-- 产品展示 end -->
    <!-- 联系我们 -->
    <div class="home contact">
      <h3 class="homeTitle" data-scroll-reveal="enter bottom over .8s linear wait .1s">
        联系我们<hr><small>contact us</small>
      </h3>
      <div  id="dituContent"></div>
      <input type="hidden" id="long" value="104.082842">
      <input type="hidden" id="lat" value="30.63966">
      <input type="hidden" id="name" value="四川龙达网络信息技术有限公司">
      <input type="hidden" id="tel" value="18688888888">
      <input type="hidden" id="address" value="四川省成都市一环路南一段">
      <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=B3f7707c25da5b29a6ff69618788a296"></script>
      <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
      <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
      <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
      <script>
        // JavaScript Document
        /*显示地图*/
        $(document).ready(function () {
          var map = new BMap.Map('dituContent');
          var poi = new BMap.Point($("#long").val(),$("#lat").val());
          map.centerAndZoom(poi, 18);
          map.enableScrollWheelZoom();
      
          var content = '<div style="margin:0;line-height:20px;padding:2px;">' +
                          '<img src="http://www.cdidt.com/skin/default/images/logo.png" alt="" style="float:right;zoom:1;overflow:hidden;width:100px;height:100px;margin-left:3px;"/>' +
                          '地址：'+$("#address").val()+'<br/>电话：'+$("#tel").val()+
                        '</div>';
      
          //创建检索信息窗口对象
          var searchInfoWindow = null;
          searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
            title  : $("#name").val(),      //标题
            width  : 290,             //宽度
            height : 105,              //高度
            panel  : "panel",         //检索结果面板
            enableAutoPan : true,     //自动平移
            searchTypes   :[
                  BMAPLIB_TAB_SEARCH,   //周边检索
                  BMAPLIB_TAB_TO_HERE,  //到这里去
                  BMAPLIB_TAB_FROM_HERE //从这里出发
            ]
          });
          var marker = new BMap.Marker(poi); //创建marker对象
          marker.enableDragging(); //marker可拖拽
          marker.addEventListener("click", function(e){
            searchInfoWindow.open(marker);
          })
          marker.setAnimation(BMAP_ANIMATION_BOUNCE); 
          map.addOverlay(marker); //在地图中添加marker
          map.disableScrollWheelZoom();  //禁用滑轮放大
          setTimeout(function(){
            $(".BMap_Marker").trigger("click");
          }, 3000)
        });
    </script>
    </div>
    <!-- 联系我们 end -->
    <div class="footer">
        <p>Copyright 2018 四川龙达网络信息技术有限公司 Allrights reserved 备案号：1202993</p>
    </div>

    <!-- 返回顶部 -->
    <div id="back2top">
      <span class="glyphicon glyphicon-chevron-up"></span>
    </div>
    
  </body>
  <script src="js/swiper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/scrollReveal.min.js"></script>
  <script src="js/js.js"></script>
  <script>
    window.scrollReveal = new scrollReveal({ reset: false, move: '20px' });
    var banner = new Swiper('.banner .swiper-container', {
      pagination: '.swiper-pagination',
      paginationClickable: true,
      nextButton: '.banner .swiper-button-next',
      prevButton: '.banner .swiper-button-prev'
    });
    var product = new Swiper('.product .swiper-container', {
      loop: true,
      speed: 1000,
      autoplay: 300,
      slideToClickedSlide:true,
      paginationClickable: true,
      centeredSlides: true,
      slidesPerView: 5,
      spaceBetween: 40,
      // nextButton: '.product .swiper-button-next',
      // prevButton: '.product .swiper-button-prev',
      breakpoints: {
        1024: {
          slidesPerView: 4,
          spaceBetween: 20
        },
        992: { 
          slidesPerView: 3,
          spaceBetween: 15
        }
      }
    });
  </script>
</html>